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Mise en garde 


Ce matériel est basé sur les plus récentes versions des standards SGQRl 
008, disponibles en date du 25 avril 2011 sur le site Web du ministère 
des Services gouvernementaux (MSG). 

Ces projets de standard peuvent faire l'objet de modifications 
significatives sans préavis d'ici leur adoption prévue par le Conseil du 
trésor. 


Référence 

Accessibilité aux personnes handicapées : travaux de normalisation 
http://www.rrsg.goLiv.QC.ca/normallsation/standards/accessibilite/ 
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Conférencier 


Denis Boudreau 

• 10 ans d'expërience en accessibilité du Web 

• Président, Coopérative Access ibilitéWe b 

• Vice -président communications, GTN-Québec 

• Co-rédacteur des standards SGQRI 008 

• Expert invité, W3C 

• Education and Outreach Working Group (EOWG-WG) 

• HTML5 Accessibiiity TaskForce (HTML5-ally TF) 
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Sommaire de l’atelier 


Au programme... 

L Les clientèles de l'accessibilité du Web 

2. Au-delà des limitations fonctionnelles 

3. Les standards d’accessibilité en vigueur 

4. Comprendre les standards SGQRI 008 

5. Intégrer l'accessibilité dans l'organisation 
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Les clientèles de l’accessibilité 
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Les personnes handicapées sur le Web 
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Qu'est-ce que l’accessibilité du Web ? 

Se réaliser selon sa pleine capacité ou ses ambitions 

• Signifie que les personnes handicapées peuvent : 

• Percevoir le Web 

• Comprendre le Web 

• Naviguer sur le Web 

• Interagir avec le Web 


Mais aussi 


contribuer 


à un Web de plus en plus interactif et social! 
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Découvrir l’accessibilité du Web 
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Résumé 

Marie- France Bru est atteinte d'une sclérose amyotrophique 
latérale (ALS), Les autres noms de cette affection sont la 
maladie des neurones moteurs (MND), la maladie de Lou 
Gherigs et la maladie de Charcot, Elle utilise SwitchXS pour 
accéder à son ordinateur, KeyStrokes pour la prédiction de 
motet Proloquo pour la communication, 


Source 

Un rôle important au sein de la famille 
http://www.assistiveware.com/videos. php?video = Marie- 

France&format=mp4 


An AssistiveWaré Production 

D:OQ 

► 3:55 4 > 


Vidéos supplémentaires 

Vidéos AssîstiveWare sur ('accessibilité informatique 
htto://www.assistiveware.com/videos.php 
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Ateliers 

GTN-Québec 

Avantages des contenus de formation en ligne a~s=‘=g-“’ 

Avantages de la formation en ligne par rapport à la formation traditionnelle 

• Meilleure assimilation des connaissances 

• Meilleur taux de rétention des apprentissages 

• Apprentissage plus rapide (50 % de gains) 

• Apprentissage à un rythme personnel 

• Apprentissage moins intimidants que les cours en classe 

• Plus grande interactivité que les cours en classe 

• Possibilité de retour sur les contenus 

Si vrai pour les apprenants “ typiques que dire des apprenants handicapés? 
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Ateliers 

GTN-Québec 

Motivations pour s’intéresser à l’accessibilité 

Responsabilités sociales : répondre aux besoins des étudiants (ou des employés) 

• Multiplicité des styles d'apprentissage des étudiants 

• Réalités variables d'infrastructure technologiques et d'équipements 

• Bénéfices et accommodements pour les ressources vieillissantes 

• Politiques internes et obligations légales 
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L'apprenant handicapé sur le Web 
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Les promesses de la formation en ligne sont nombreuses 

• Mais les déceptions le sont plus encore! 

• Des contenus souvent inadaptés à la réalité de ces apprenants 

• Des méthodes d J enseignement et des outils ne convenant pas aux besoins 
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De qui parlons-nous? 

Combien de personnes handicapées... 

• Fréquentent nos institutions d’enseignement? 

• Sont incapables de les fréquenter? 

• Utilisent les services de formation en ligne? 

• En sont incapables, par manque d’adaptation? 
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Ateliers 

GTN-Québec 

Les principales difficultés rencontrées 

Barrières d'accessibilité des étudiants, handicapés ou non 

• L'accessibilité des sites Web des institutions d'enseignement 

• Les problèmes les plus fréquemment rencontrés avec les contenus de formation en ligne 

• Les lignes directrices pour assurer l'accessibilité des contenus de formation en ligne 

• L'impact du mobile dans les habitudes des étudiants aux niveaux collégial et universitaire 
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Profil techno des personnes handicapées 
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Selon une étude du Pew Research Center (janvier 2011) 

• Utilisation du Web : 

• 54 % des personnes handicapées 

• 81 % des personnes non handicapées 

• 2 % déclarent un handicap ou une maladie rendant 
l'utilisation difficile, voire impossible 


Référence : 

Americans living with dîsability and their technoiogy profile 
http://pewintemet.org/Reports/2011/D1sabiiitv.asDX 
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Les personnes handicapées au Québec 
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10,4 % de la population (800 000 personnes) 

• Quatre grands champs de déficiences : 

• Limitations visuelles 

• Limitations auditives 



• Limitations motrices 

• Limitations cognitives 


Ressource : 

How Peopie with Disabiiitles Use the Web 
http://wvmw3.org/WAI/intro/peoplg-usg-wgb/ 
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Situations de handicaps 


Handicaps permanents ou temporaires 

• Besoins variés selon personnes et situations 

• Environnements ou situations propices au handicap 

• Nous sommes tous concernés! 

• Reflets du soleil 

• Bruits ambiants 

• Bris de périphérique... 

• Etc. 
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Limitations visuelles 


Affecte entre 1,8 % et 3,2 % de la population 

• Aveugles ou malvoyants, basse vision, etc, 

• Moyens d’adaptation : 

• Grossissement uniquement 

• Progiciel de grossissement 

• Synthèse vocale uniquement 

• Synthèse vocale et afficheur braille 

• Braille uniquement 

• Lunettes ... 
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Principaux obstacles 

Utilisateurs * fonctionnellement voyants * 

• Contrastes des couleurs trop faibles 

• Caractères trop petits ou sans élasticité 

• Distance entre étiquettes et champs 

Utilisateurs * fonctionnellement aveugles * 

• Descriptions manquantes des images 

• Structure inadéquate des contenus 

• Associations manquantes dans les tableaux 

• Associations manquantes dans les formulaires 
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Limitations auditives 
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Affecte entre 4,2 % et 5 % de la population 


• Sourds de naissance (signants ou oralistes), malentendants ou 
“ devenus sourds ", etc. 

• Moyens d’adaptation : 

• Prothèses auditives 

• Implants cochléaires 

• Lecture labiale 

• Sous-titrage 

• Langue des signes... 
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Principaux obstacles 


Utilisateurs * sourds * 

• Compréhension du langage écrit 

• Clips audio ou vidéo sans sous-titres 

Utilisateurs * malentendants * 

• Clips audio ou vidéo sans sous-titres 
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Limitations motrices 


Ateliers 

GTN-Quebec 


GroLpe de Iravuil quebecnrs. sur iw nomes cl Standards Tl 
pour rapprcfilbsagc, IcduLùlcn d la tannai ton 


Affecte entre 8 % et 11,5 % de la population 

• Paraplégie, quadraplégie, sclérose en plaque, parkinson, 
paralysie cérébrale, traumatisme cranio-cérébral, amputation, 
arthrite, etc. 

• Moyens d’adaptation : 

• Périphériques adaptés 

• Dictée vocale 

• Code morse 

• Commutateurs 

• Logiciel de prédiction de mots... 
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Principaux obstacles 


Utilisateurs * handicapés moteurs * 

• Navigation au davier 

• Délai ou temps insuffisant 
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Limitations cognitives 

Affecte entre 2,5 % et 4,1 % de la population 

• Déficit de l'attention, difficultés d’apprentissage, de 
mémorisation, de concentration, de compréhension, de 
résolution de problème, dyslexie, dysgraphie, dyscalculie, etc. 

• Moyens d’adaptation : 

• Lecteur multimodal 

• Synthèse vocale et suri igné ment du texte 
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Principaux obstacles 

Utilisateurs * handicapés cognitifs * 

• Difficulté de compréhension de l'interface 

• Complexité du niveau de langage employé 

• Trop grande densité textuelle 

• Sources constantes de distractions 

• Navigation offrant trop de choix 
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Principales recommandations 

Selon les Distance Education Access Guidelines 

• Assurer une compatibilité avec les outils d’adaptation 

• Structurer les contenus avec des en-têtes de section 

• Décrire en texte les contenus présentés visuellement 

• Favoriser des libellés d’hyperliens significatifs et descriptifs 

• Supporter en texte une signalisation véhiculée par la couleur 

• Offrir des contenus utilisables avec le clavier 

lntéressé(e)s ? 

Ces éléments seront traités en détail lors du second atelier, prévu les 31 mai et 1 juin 
prochains (Québec et Montréal) 
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Au-delà des limitations fonctionnelles... 
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Bien plus de gens que l'on pourrait penser! 
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Ateliers 

GTN-Québec 

Les autres cl ientèles de l'accessibi I ité 

Un bassin démographique d'étudiants en constante progression 

• Populations vieillissantes 

• Populations analphabètes 

• Populations allophones 

• Utilisateurs de technologies désuètes 

• Utilisateurs de technologies émergentes 

• Utilisateurs de connexions à bas débit 

• Utilisateurs peu ou pas expérimentés 
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Populations vieillissantes 

Une progression constante 

• 2006: 

• 45 ans* : 35 % de la population 
(2 722 000 personnes) 

• 65 ans* : 14 % de la population 
(1 300 000 personnes) 

• 2056: 

• 65 ans* : estimée à 28 % de la pop. 

• 100 % d'augmentation sur 50 ans! 
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Prévalence du handicap 



□ â4 5 a 14 15 à 74 £5 â44 45 à £4 65 à 74 75 ans îülai 

ans ans ans .ms ans ans et pans 


Voir la description longue du graphique. 
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Description du graphique 
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Graphique présentant les taux d’incapacité selon les groupes d’âges et le sexe, Canada, en 2001 et 
2006, où l'on voit que le taux d’incapacité augmente avec l’âge chez les hommes ainsi que chez les 
femmes. On observe néanmoins que ces dernières sont, en général, plus susceptibles (15,2 %) de 
déclarer une limitation d'activités que les hommes (13,4 %). 

Cette relation est toutefois inversée chez les enfants de 0 à 14 ans. Les garçons de ce groupe d’âge sont 
plus susceptibles d 1 avoir des limitations d’activités, le taux étant de 4,6 % comparativement à 2,7 % pour 
les filles. 

Chez les jeunes hommes et les jeunes femmes de 15 à 24 ans, le taux d’incapacité est comparable. Des 
écarts commencent de nouveau à se manifester à partir de 25 ans, âge où la prévaience de l’incapacité 
est légèrement plus élevée chez les femmes que chez les hommes. Cette tendance se prolonge jusqu’au 
troisième âge, le taux d'incapacité étant d'environ 54,0 % chez les hommes et 57,8 % chez les femmes 
de plus de 75 ans. 
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Diminution des capacités avec l'âge 


Détérioration progressive des capacités des étudiants 


• Impacts du vieillissement sur : 

• les capacités visuelles 

• les capacités auditives 

• les capacités motrices 

• les capacités cognitives 


Des difficultés en tous points similaires à celles des personnes handicapées! 
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Vieillissement et capacités visuelles 

Besoins des étudiants avec une détérioration des capacités visuelles 

• De contrastes de couleurs suffisants 

• De pouvoir ajuster la taille des textes 

• D un minimum de contenus texte présentés en images 

• D J un minimum d'éléments distrayants ou en mouvement 

• De contenus exempts d’effets stroboscopiques 

• Etc. 


Ateliers 

GTN-Quebec 
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Ateliers 

GTN-Québec 

Vieillissement et capacités auditives 

Besoins des étudiants avec une détérioration des capacités auditives 

• De transcriptions textuelles ou de sous -titrages 

• De contrastes sonores suffisants 

• Etc. 
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Vieillissement et capacités motrices 

Besoins des étudiants avec une détérioration des capacités motrices 

• Des cibles cliquables de taille suffisante 

• Des interfaces navigables indépendantes de périphériques 

• Des interfaces entièrement navigables au clavier 

• Etc. 
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Ateliers 

GTN-Québec 

Vieill issement et capacités cognitives 

Besoins des étudiants avec une détérioration des capacités cognitives 

• Une simplification du langage utilisé 

• Un minimum de mouvement dans les pages 

• Des phrases et paragraphes courts 

• Du contenu en listes plutôt qu’en paragraphes 

• Des colonnes de texte moins larges 

• Une taille de texte et un interlignage suffisants 

• Des supports au texte avec images ou vidéos 

• Une iconographie intuitive 

• Etc. 
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Populations analphabètes 


Ateliers 

GTN-Quebec 
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Besoins des personnes ayant des difficultés de lecture et d’écriture 


• Une simplification du langage utilisé 

• Un minimum de mouvement dans les pages 

• Des phrases et paragraphes courts 

• Du contenu en listes plutôt qu’en paragraphes 

• Des colonnes de texte moins larges 

• Une taille de texte et un interlignage suffisants 

• Des supports au texte avec images ou vidéos 

• Une iconographie intuitive 

• Etc. 


Au Québec, 14 % des adultes éprouvent des 
difficultés de lecture et d'écriture! 

• 16 à 64 ans : 800 000 personnes 

• 65 ans + : 500 000 personnes 
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Populations allophones 

Besoins d’adaptation des personnes allophones 

• Un langage simple, clair et adapté 

• Des contenus visuels en support au texte 

• Des interfaces intuitives et claires 

• Des systèmes de navigation cohérents 

• Un bon découpage des blocs d’information 

• De minimiser les éléments en mouvement 

• Des délais suffisants pour exécuter les tâches 


Ateliers 

GTN-Quebec 


GroLpe de Iravuil quebecnn. sur iw nomes cl rtandards Tl 
pour lapprcfiltasagc, IcduLritu d la tannai ton 


Au Québec, 12 X de la population est 
allophone (886 280 personnes) 

• Francophones ; 5 877 660 personnes 

• Anglophones : 575 555 personnes 
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Utilisateurs d'équipements désuets 

Besoins d'adaptation des utilisateurs aux prises avec de 
l'équipement désuet 

• De limiter les ressources sollicitées dans une page 

• De prendre en compte les ressources limitées des appareils 

• D'une séparation entre la structure et la présentation 

• De veiller à réduire les temps de téléchargement 

• Des contenus consultables sans modules externes 

• Des équivalents textuels aux contenus non-textuels 

• Une navigation claire pour éviter les erreurs 

• Des contenus entièrement utilisables au clavier 


Ateliers 


GTN-Québec 
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Utilisateurs d'outils Web émergents 

Besoins d'adaptation des utilisateurs d'outils Web émergents 

• De limiter les ressources sollicitées dans une page 

• De prendre en compte les ressources limitées des appareils 

• D une séparation entre la structure et !a présentation 

• De veiller à réduire les temps de téléchargement 

• Des contenus consultables sans modules externes 

• Des équivalents textuels aux contenus non- textuels 

• Une navigation claire pour éviter les erreurs 

• Des contenus entièrement utilisables au clavier 


Ateliers 


GTN-Québec 
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Utilisateurs de connexions bas débit 


Ateliers 

GTN-Québec 
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Besoins d’adaptation des utilisateurs de connexions Internet bas débit 


• De limiter les ressources sollicitées dans une page 

• De prendre en compte les ressources limitées des appareils 

• D une séparation entre la structure et la présentation 

• De veiller à réduire les temps de téléchargement 

• Des contenus consultables sans modules externes 

• Des équivalents textuels aux contenus non-textuels 

• Une navigation claire pour éviter les erreurs 

• Des contenus entièrement utilisables au clavier 


Au Québec, 300 000 foyers 
n'ont pas encore accès h une 
connexion Internet haute 
vitesse! (1000 000 personnes) 
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Ateliers 

GTN-Québec 

Utilisateurs peu ou pas expérimentés 

Besoins des personnes ayant peu de contact avec les technologies 

• Tout ce que nous avons vu précédemment plus : 

• Des métaphores concrètes 

• Une navigation simple et cohérente 

• Des interfaces claires et intuitives 

• Des liens de navigation redondants 

• Une annonce des changements de contexte 

• Des informations segmentées et structurées 

• Etc. 
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L'accessibilité, pas juste pour les aveugles! 

Certes, c'est d'abord les personnes handicapées, mais 

• Le rayonnement s'étend sur une majorité d'étudiants 

• Favorise une société inclusive et une participation citoyenne 

• Permet de rejoindre toujours plus d'étudiants, de clients 

• Fondée sur un ensemble de bonnes pratiques et de valeurs 

• mobilité, ergonomie, utilisabiiité, seo... 

• pérennité, portabilité, interopérabilité... 


Références : 

Enquête sur la participation et Ses limitations d'activités de 2006, Stats Canada 
http://www.statcan.ca/francais/freepub/89-628-XIF/89-628~XIF2007002.pdf (PDF, 

475Ko) 


Ateliers 


GTN-Québec 
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Les standards d'accessibilité en vigueur 


Ateliers 

GTN-Québec 
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Du W3C au ministère des Services gouvernementaux 
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Normalisation à l’international 


Développés par le W3C 

• Web Accessibility Initiative (WAI) 

• Education and Outreach Working 
Group (EOWG) 

• 1999/05/05 : WCAG 1.0 

• 2008/12/11 : WCAG 2.0 

• Autres documents connexes... 


Référence : 

Web Content Accessibility Guidelines (WCAG) 
http://www.w3.org/WAI/intro/wcag.php 


Instructions fbr Devefopers 


Techniques for WCAG 2,0 


(HTML CSS scriptïng, ..) 

■ Browser and asslsttve 
technology support notes 

■ Eîrsmplesr code 

■ Resources 

■ Test procedures 
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Ateliers 


GTN-Québec 
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Customtzabfe Qu/ck Refèr&nœ 


How to Meet WCAG 2.0 


■ Guidelines 

* SUCtcSs Crlterls 
■ Techniques 


W3C Standard 


■ Piinciples 

■ Guidelines 

* succms Criterla 

■ Conformance 



Dïtetted Rçferencç 


Understa ndlng WCAG 2,0 


- fntent 

* Be nef Ils to peopla wlth 
dlsabllittes 

- Exemple scensrbs 

- Resources 

► Techniques 
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Web Content Accessibility Guidelines 2.0 


Ateliers 

GTN-Quebec 
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Principes, règles et critères de succès 

• 4 principes fondateurs 

• 12 règles générales 

• 61 critères de succès 

• 3 niveaux de conformité 

Ressources : 

Techniques and Faîfures for Web Content Accessibility Guidelines 2.0 
http://www.w3.org/TR/WCAG20-TECHS/ 


Ressources : 

How to Meet WCAG 2.0 - A customizable quick reference 
http://www.w3.org/WAI/WCAG2Q/guickref/ 
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Contenus perceptibles 


Principe 1: Perceptible 

• 1.1 Équivalents textuels 

• 12 Médias temporels 

• 13 Adaptable 

• 1,4 Distingable 


Perceptible : L'information et les composants de l'interface utilisateur 
doivent être présentés à l'utilisateur de façon à ce qu’il puisse (es percevoir, 
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Contenus utilisables 


Principe 2: Utilisable 

• 2.1 Accessibilité au clavier 

• 2.2 Délai suffisant 

• 2.3 Crises 

• 2.4 Navigable 


Utilisable : Les composants de l'interface utilisateur et de navigation 
doivent être utilisables. 
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Ateliers 


GTN-Québec 
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Contenus compréhensibles 

Principe 3: Compréhensible 

• 3.1 Lisible 

• 3.2 Prévisible 

• 3.3 Aide à la saisie 


Compréhensible : Les informations et ('utilisation de l'interface utilisateur 
doivent être compréhensibles. 


Ateliers 


GTN-Québec 
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Contenus robustes 


Principe 4: Robuste 

• 4.1 Compatible 


Robuste : Optimiser la compatibilité avec les agents utilisateurs actuels et 
futurs, y compris les technologies d'assistance. 
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Pourquoi pas WCAG 2.0? 


Ateliers 

GTN-Quebec 
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Recommandations ou exigences? 

• Distinctions entre exigences et recommandations 

• Volonté d'encadrement normatif clair et précis 

• Interprétations multiples ou approche spécifique 

• Exemples du fédéral avec la NSI et la BOEW 


Référence 

NSI : Normalisation des sites Internet 
http://www.tbs-sct.gc.ca/df2-nsi2/index-fra.aso 


Référence 

BOEW : Boîte à outils de ['expérience Web 

http:// www.tbs-sctgc.ca/df2-nsi2/tb-bo/td-dt/fact-info-fra.asp 
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Standard W3C : plusieurs interprétations 


Ateliers 


GTN-Québec 
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Besoin manifeste pour un encadrement clair et précis! 


Exemple tiré de WCAG 2.0 
(CS 1.3.1. A) 

“ L'information, la structure et les 
relations véhiculées par la présentation 
peuvent être déterminées par 
programmation ou sont disponibles 
dans le texte. * 

Références 

Structure : http://i.mp/iwTgYx 
Formulaires : http://j.mp/mzkFiz 
Tableaux : http://i.mp/IW99dR 


Comment assurer une cohérence au niveau de l'organisation des 
contenus, si personne ne s'entend sur le sens des directives ? 


Exigences 

SGQRI 008-01 

SGQRI 008-02 

SGQRI 008-03 

Perception de structure 

10b. 11. 15f. 16 d 16e. 16f 

11b 

13f. 14b 

Formulaires 

21b. 21c 

16.17a 

19b 

Tableaux de données 

22a, 22b, 22c. 22e 

18a. 18b 

14 b 

Total 

12 

5 

4 
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Développement des SGQRI 008 


Ateliers 

GTN-Québec 
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Déclinaison en trois documents normatifs 

• SGQRI 008-01 : Sites Web 

• SGQRI 008-02 : Documents téléchargeables 

• SGQRI 008-03 : Objets multimédia 

Couvrent les sites Web publics, les intranets et les extranets et 
tous les objets les composant pour les rendre accessibles 

S'appliquent directement à la production de ressources 
d'enseignement et d’apprentissage (REA) 



Référence : 

Accessibilité aux personnes handicapées : travaux de normalisation 
http://www.msg.gouv.qc.ca/normalisation/standards/accessibilite/ 
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SGQRI 008-01 : sites Web 


SGQRI 008-01 en un coup d'œil 

• 5 conditions de conformité 

• 70 exigences generales 

• 8 dispositions transitoires et finales 


Champ d'application : Le HTML des sites Web (publics, intranets et extranets) 
des ministères et organismes du gouvernement du Québec. 
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SGQRI 008-02 : docs téléchargeables 


Ateliers 

GTN-Quebec 
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SGQRI 008-02 en un coup d'œil 

• 4 conditions de conformité 

• 35 exigences générales 

• 5 dispositions transitoires et finales 


Champ d’application : Documents PDF, Word, Excel, Powerpoint et autres formats 
applicables proposés sur les sites Web des ministères et organismes du 
gouvernement du Québec. 
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SGQRI 008-03 : objets multimédia 


Ateliers 

GTN-Quebec 
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SGQRI 008-03 en un coup d'œil 

• 4 conditions de conformité 

• 50 exigences générales 

• 3 dispositions transitoires et finales 


Champ d’application : Animations vectorielles, fichiers audio ou vidéo et autres 
objets muitimédia proposés sur les sites Web des ministères et organismes du 
gouvernement du Québec. 
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Comprendre les standards SGQRI 008 


Ateliers 


GTN-Québec 
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Découvrir les exigences des standards 
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Dispositions générales 


Ateliers 


GTN-Québec 
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Objet du standard (article 1) 

Énonce les règles permettant à tout site Web (public, intranet ou 
extranet) et à ses composantes téléchargeables, audio, vidéo ou animées 
dans un site Web, d'être accessible par toute personne, handicapée ou 
non. 

Champ d’application (article 2) 

L'ensemble des ministères et organismes visés par l’article 64 de la Loi 
sur les administrations publiques. 


Mais aussi... 

aux organismes couverts par la Politique d'accès aux documents et aux services offerts 
au public pour les personnes handicapées de l'OPHQ et aux organismes des réseaux 
connexes, dont l'éducation, touchés par le projet de loi 133! 


4 4 , ♦ , ♦ 

dfo w 

" ’.jÿj ^ ‘ ^ ^ 


ASSEMBLEE MATlOfiALE 


Jtojfl àt toi iï 133 
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Qu’est-ce qu’un * site Web *? 


Ateliers 

GTN-Québec 
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Vos sites Web sont-ils touchés par les standards ? 

• Un ensemble de pages Web 

• Organisées au moyen de balises HTML ou XHTML 

• Liées dans une structure cohérente 

• Hébergé sur un serveur Web 

• Consulté au moyen d'un agent utilisateur 

• Régi par le protocole HTTP ou HTTPS 

Touche tous types de site Web, publics ou privés, quelle que soit leur vocation. 
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Spécifications 


Ateliers 


GTN-Québec 
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Conditions de conformité de SGQRI 008-01 (articles 4 à 8) 

• Conformité aux exigences (sites Web, intranets et extra nets) 

• Version de rechange équivalente via hyperlien accessible 

• Icône - avertissement - page * Accessibilité "pour : 

• contenu provenant d'un tiers non assujetti au standard 

• contenu interactif à caractère ludique ou interactif non informatif 

• objet cartographique Web dynamique 

• Offre d'assistance pour formulaire Web non-accessible 


Les mêmes principes se 
retrouvent sensiblement 
dans les exigences des 
standards SGQRI 008-02 
et SGQRI 008-03 
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Exigences générales 


Ateliers 

GTN-Québec 
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Hyperlien Accessibilité (article 12) 

Toute page Web doit comporter un hyperlien Accessibilité qui donne accès à une page Web énumérant 
les principales dispositions prises par le ministère ou l'organisme pour se conformer au présent 
standard. 

• Doit prévoir minimalement : 

• hyperlien vers les standards hébergés dans le site Web du MSG 

• nom et version des technologies d'adaptation informatique utilisées 

• description de la fonction des icônes utilisées, s'il y a lieu 
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Adoption et prise d’effet 
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En voie d'adoption (printemps 2011?) 

• Impacts sur l'industrie du Web au Québec : 

• Requis de conformité face aux versions courantes 

• Évaluation des compétences de l'expert en accessibilité 

• Évaluation du niveau d’accessibilité du site du fournisseur 

• Évaluation, par un tiers qualifié, de la qualité du livrable 

• Paiement final conditionnel à la correction des problèmes 

Référence : 

Guide de rédaction des dispositions relatives à l’accessibilité à ajouter dans un cahier des charges 
http://www.msË.gouv.ge.ca/documents/standards/guide_accessibilite_cahier_de5_charges.pdf (PDF, 148Ko) 


Entrée en application de 12 h 
24 mois plus tard 

• SGQRI 008-01:12 mois 

• SGQRI 008-02; 18 mois 

• SGQRI 008-03:24 mois 
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Ateliers 

GTN-Québec 

Mes contenus Web doivent-il être conformes? 

Si oui, à quel niveau, et quand? 

• Depuis le 1er octobre 2009 : 

• Statut de pratiques recommandées du BDP1 

• Confère à SGQRI 008 une priorité d’application 
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Dispositions transitoires et finales 


Ateliers 


GTN-Québec 

Gioupo de Iromil quebwcn- biji In- noirns-* eI sfcjrcbrda Ti 
pouf rapprcnlKADQü, raducariiai d la tarmulraï 


Obligations de conformité 



Délais suite à l'adoption 

Type de contenu 

12 mois 

18 mois 

24 mois 

Site Web public (SGQRI 008-01) 

X 



Site intranet ou site extranet (SGQRI 008 01} 



X 

Document téléchargeable sur un site Web public (SGQRI 008-02) 


X 


Document téléchargeable sur un site intranet ou extranet (SGQRI 008-02) 



X 

Multimédia dans un site Web (SGQRI 008 03) 



X 


Comment se préparer? 

• Commencer par lire les versions courtes des différents standards 

• Établir les clauses de droits acquis et définir ce qui nous concerne 

• Le CLDC propose plusieurs ateliers pour explorer les exigences des standards 


SGQRI 008 - Les standards d'accessibilité du Web au service de l'enseignement 62/91 

Denis Boudreau, Accessibilité Web / GTN-Québec I Sans frais : 1 (877) 315-5550 


62 of 91 









Obligations de conformité pour l’existant 

Sites Web publics (SGQRI 008-01) 


Ateliers 


GTN-Québec 

Gioupo de Iromil quebwcn- ain In- noirns-* eI sfcjrcbrda Ti 
pouf rapprciiltsADnü, raducariiai ci la tarmulKn 


Dispositions transitoires 

Délais de conformité suite à l'adoption 

12 mois 

18 mois 

24 mois 

36 mois 

Hyperlien accessibilité, intégré ou non b l'ensemble du site Web 

X 




Conformité pour tous sites Web faisant l'objet d’une refonte 

X 




Conformité pour une page existante dont le contenu serait altéré 

X 




Conformité pour toute nouvelle page dans un site Web existant 

X 




Page d'accueil, plan de site et pages d'accueil des trois premiers niveaux 

X 




Offre explicite d'assistance pour formulaires Web grand public non accessibles 

X 




Conformité pour l'ensemble des formulaires Web grand public 




X 

Plan de gestion pour améliorer l'accessibilité du site Web 

X 





Références 

Section IV : Dispositions transitoires et finales, SGQRI 008-01, pl2~14. 
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Obligations de conformité pour l’existant 


Ateliers 


GTN-Québec 

Gioupo de Iromil quebwcn- am In- noirns-* eI sfcjrcbrda Ti 
pouf rapprcnlKADQü, raducariiai ci la tarmulKn 


Sites Web intranets ou extra nets (SGQRi 008-01) 


Dispositions transitoires 

Délais de conformité suite à l'adoption 

12 mois 

18 mois 

24 mois 

36 mois 

Hyperlien accessibilité, intégré ou non b l'ensemble du site Web 



X 


Conformité pour tous sites Web faisant l'objet d’une refonte 



X 


Conformité pour une page existante dont le contenu serait altéré 



X 


Conformité pour toute nouvelle page dans un site Web existant 



X 


Page d'accueil, plan de site et pages d'accueil des trois premiers niveaux 



X 


Offre explicite d'assistance pour formulaires Web grand public non accessibles 

N/A 

N/A 

N/A 

N/A 

Conformité pour l'ensemble des formulaires Web grand public 

N/A 

N/A 

N/A 

N/A 

Plan de gestion pour améliorer l'accessibilité du site Web 



X 



Références 

Section IV : Dispositions transitoires et finales, SGQRI 008-01, pl2~14. 
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Obligations de conformité pour l’existant 


Ateliers 


GTN-Québec 

Gioupo de Irnmil quebwcn- am In- noirns-* eI sfcjrcbrda Ti 
pour rapprcnlKADQü, raducariiai ci la tarmulraï 


Documents téléchargeables dans un site Web public (SGQRI 008-02) 


Dispositions transitoires 

Délais de conformité suite b l’adoption 

12 mois 

18 mois 

24 mois 

Conformité pour tout nouveau document téléchargeable dans un site Web existant 


X 


Conformité pour un document téléchargeable existant dont le contenu serait altéré 


X 


Offre explicite d'assistance pour formulaires téléchargeables grand public non 

accessibles 


X 


Hyperlien vers un formulaire Web équivalent et conforme accessible selon 

SGQRI 008-01 


X 


Plan de gestion pour améliorer l’accessibilité des documents téléchargeables 


X 



Références 

Section IV : Dispositions transitoires et finales, SGQRI 008-02, p8-9. 
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Obligations de conformité pour l’existant 


Ateliers 


GTN-Québec 

GiDupo de Irnmîl quebeccn- biji in- nomieï eI sfcjrcbrda Ti 
pour rappraiilraanü, raducariiai ci la tarmulHn 


Documents téléchargeables dans un site Web intranet ou extranet (SGQRI 008-02) 


Dispositions transitoires 

Délais de conformité suite à l'adoption 

2012/05/10 

2012/11/10 

2013/05/10 

Conformité pour tout nouveau document téléchargeable dans un site Web existant 



X 

Conformité pour un document téléchargeable existant dont le contenu serait altéré 

N/A 

N/A 

N/A 

Offre explicite d'assistance pour formulaires téléchargeables grand public non 

accessibles 



X 

Hyperlien vers un formulaire Web équivalent et conforme accessible selon 

SGQRI 008-01 



X 

Plan de gestion pour améliorer l’accessibilité des documents téléchargeables 



X 


Références 

Section IV : Dispositions transitoires et finales, SGQRI 008-02, p8-9. 
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Obligations de conformité pour l’existant 


Ateliers 


GTN-Québec 

Gioupo de Iromil quebwcn- am In- noirns-* eI sfcjrcbrda Ti 
pouf rapprcnlKADQü, raducariiai d la tarmulKn 


Objets multimédias dans un site Web (SGQRI 008-03) 


Dispositions transitoires 

Délais de conformité suite à l'adoption 

2012/05/10 

2012/11/10 

2013/05/10 

Objet multimédia existant non conforme avec avertissement et hyperlien 

Accessibilité 



X 

Conformité pour tout nouvel objet multimédia dans un site Web 



X 

Conformité pour un objet multimédia existant dont le contenu serait altéré 



X 

Plan de gestion pour améliorer l'accessibilité des objets multimédia 



X 


Références 

Section IV : Dispositions transitoires et finales, SGQRI 008-03, p9. 
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Intégrer l'accessibilité dans l'organisation 


Ateliers 

GTNQuebec 


Gioupo de Innnil quebecGPa ain le* rem!?* eI sfcardarda Ti 
pou i u 1 1 1 : i ■! i 9 1 1 a--3 ij il u . raducaliGii d la tarmulHTi 



Faire évoluer les pratiques 
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Ateliers 

GTN-Québec 

Risques de tomber dans certains pièges 


Planifier l'accessibilité 

• Ignorer le caractère transversal 

• Planifier l'accessibilité en fin de parcours 

• Désigner un champion de l'accessibilité 

• Ne valider que les critères techniques 

• Confondre accessibilité et conformité 

• Présumer que les outils feront le travail 

• Sous-estimer l'impact des plateformes 

Référence : 

Accessibilité du Web : les pièges les plus fréquents (OpenWeb) 
http://openweb.eu.org/articles/planifier_accessibilite 
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Ignorer le caractère transversal 

Affecte chaque maillon de la chaîne 

• Pas un maillon supplémentaire 

• À ventiler dans les maillons existants 

• Prévoir les interventions au moment opportun 

Risques de négliger des aspects importants 

• Décisions lourdes de conséquences 

• Impacts négatifs et dépassements de coûts 

• Nuire aux objectifs de conformité 


Ateliers 

GTN-Quebec 


GroLpe dr Iravail quebecnrs. sur nomes cl rfandards Tl 
pou - rapprcnltasapc, IcduLùlcu d la tanna lion 
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Planifier l'accessibilité en fin de parcours 


Ateliers 

GTN-Quebec 


GroLpe de Iravail quebecnn. sur iw nomes cl rtandards Tl 
pour rappncfilbsago, [éducation ol la tannai ton 


Décisions en amont peuvent nuire à l'accessibilité 

• Peut- il être trop tard pour bien faire? 

• Efforts souvent réduits, faute de temps! 

• Quelques conséquences fréquentes : 

• Équivalents textuels non prévus 

• Dépendance face à un périphérique 

• Contrastes de couleurs insuffisants 

• Contenus en ligne en PDF inaccessibles 


? 


L'accessibilité en fin de 
chaîne conduit à traiter 
trop tard, des questions qui 
devraient dû l'être avant 
sans les moyens adéquats 
pour les corriger. 
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Désigner un champion de l'accessibilité 

Ne peut reposer sur une seule personne 

• Des décisions se prennent tout au long du projet 

• Préférable que tous mettent l épaule à la roue 

• Éviter les confrontations inutiles 

• Le champion devient exécuteur 

• Créé des tensions / frictions dans l'équipe 

• Construire collectivement la compétence 

• Une responsabilité a partager entre tous 


Ateliers 

GTN-Quebec 


GroLpe dr Iravail quebecnrs. sur iw nomes cl Standards Tl 
pou - rappunltasapc, IcduLùlcu d la tanna lion 
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Ne valider que les critères techniques 


Ateliers 


GTN-Québec 

Gioupo de Iromil quebwcps- ain In- ncirnpï cl sfcjrcbr da Ti 
pouf rapprcnlraanij, raducariiai d la tarmulHn 


Les exigences seules sont insuffisantes 

• Valider l'expérience utilisateur : 

• Prévoir aussi des tests fonctionnels 

• Synthèses vocales, lecteurs d'écran, etc. 

• Avec de “vrais ” utilisateurs ? 

• Faire appel aux services spécialisés disponibles ? 


Exemples : 

1) Ponctuation des équivalents textuels : forcer la synthèse vocale à marquer une pause 

2) Sens altéré à l'oreille : * standards et normes * ou * standards énormes ’? 
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Confondre accessibilité et conformité 


Ateliers 

GTN-Quebec 


GroLpe dt lrrr»3ii quebecnrs. sur iw nomes cl rfandards Tl 
pou - rappicnltasagc, IcduLùlcn d la tanna lion 


Pas des notions interchangeables 

• Accessibilité (démarche subjective) : 

• Faire tomber un maximum de barrières 

• Efforts d’adaptation des contenus 

• Tests techniques ET fonctionnels 

• Conformité (démarche objective) : 

• Respecter un standard dans sa totalité 

• Applications prescrites et mesurables 

• Tests techniques uniquement 
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Présumer que les outils feront le travail 

La notion de qualité ne relève pas de machines 

• L'accessibilité fait appel au bon jugement 

• Implique évaluation humaine compétente 

• Affirmations promotionnelles des outils 

• Hausse indûe des capacités réelles 

• Prévoir quelques déceptions... 

• L'intervention humaine est inévitable 

• 27 % de tests automatisables 

• Maîtrise du détail technique 


Ateliers 

GTN-Quebec 


GroLpe dr Iravail quebecnrs. sur nomes cl rfandards Tl 
pou - rappunltasapc, IcduLùlcu d la tanna lion 
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Sous-estimer l’impact des plateformes 

Licences coûteuses != gage d'accessibilité 

• Solutions propriétaires : au cas par cas 

• Adapté aux pratiques de développement? 

• Possibilité de modifier le code généré? 

• Évaluation du potentiel d accessibilité? 

• Niveau atteint nativement? 

• Niveau atteignable déclaré? 

• Solutions libres : généralement plus facile 

• Possibilité de modifier le code? Tout est possible... 


Ateliers 

GTN-Quebec 


GroLpe dr Iravail quebecnrs. sur nomes cl rfandards Tl 
pou - rappunltasapc, IcduLùlcu d la tanna lion 
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Intégrer l'accessibilité 


Une responsabilité à partager entre tous 

• Responsabilisation de l’équipe et des intervenants 

• Implication de tous les maillons de la chaîne 

• Intégration transversale dans la chaîne de production 

• Partage des tâches en fonction des rôles 

• Appropriation collective et segmentée des pratiques 
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Ateliers 

GTN-Quebec 


Gnon» de Ir-avail quebecnrs. sur !«■ nomes cl Standards Tl 
pou - rapprcfiltasapc, r éducation d la tanna Han 
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Prévenir plutôt que guérir 


Prévoir les interventions au moment opportun 

• L'accessibilité planifiée entraîne des gains significatifs : 

• Des gains en délais 

• Des gains en coûts 

• Des gains en production 

• Des gains en relation avec le client 

• Des gains en relations internes 
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Ateliers 

GTN-Quebec 


Gnon» de Ir-avail quebecnrs. sur !«■ nomes cl Standards Tl 
pou - rapprcfiltasapc, IcduLùlcn d la tanna Han 
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Les gains en délais 


Un pensez-y bien! 


© Retrouver le rédacteur ou déranger le client pour 
décider du texte alternatif : 1 à 7 jours 



Préciser un texte alternatif au moment de choisir 
l’image : 10 à 30 secondes 
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Ateliers 


GTN-Québec 

Gioupo de Iromil quebeccR- srn In- ncirneî cl sfcjrcbrds Tï 
pour rappraiilraanij, raducariiai d la tarmulHn 


Gain: 

De 1000 à 20 000 fois plus 
élevé 


79/91 




Les gains en coûts 


Un pensez-y bien! 


O Temps de travail pour décider ou retrouver les 
responsables : 2 à 8 heures 



Préciser un texte alternatif avec chaque image choisie 
10 à 30 secondes 
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Ateliers 


GTN-Québec 

Gioupo de Iromil quebeccR- sin In- ncirneï cl sfcjrcbrds Tï 
pour rappraiilraanij, raducariiai d la tarmulHn 


Gain: 

De 200 à 3 000 fois plus 
élevé 
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Les gains en production 


Ateliers 


GTN-Québec 

Giajpo de Iromil quebwcR- sin In- ncirneï El sfcjrcbrds Tï 
pour lappraiilraanij, raducariiai d la tarmulwn 


Un pensez-y bien! 


O Temps de travail pour changer tous les CSS du site : 2 à 
8 heures 



Changer une couleur dans le logiciel de maquette : 10 à 
30 secondes 
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Les gains en relation avec le client 


Ateliers 


GTN-Québec 

Gioupo de Immil quebwcR- sin In- ncirnpî eI sfcjrcbrdi Tî 
pour rappranlraanij, raducariiai d la tarmulwn 


Un pensez-y bien! 


© Montrer qu'on a besoin d'information au dernier 
moment dans un contexte probable de retard, de 
mauvaise compréhension, de stress 



Demander en temps et heure les données nécessaires 
pour assurer le succès du projet 



Gain: 

Crédibilité, éviter de donner un 
bâton pour se faire frapper 
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Les gains en relation interne 


Ateliers 


GTN-Québec 

Gioupo de Iramîl quebeccps- sin In- ncirneï El sfcjrcbrda Tî 
pour rappraiilraanü, raducariiai d lalormulHn 


Un pensez-y bien! 

O Faire assurer les choix aux intervenants en fin de chaîne 
de production quand ils sont occupés par les finitions 

0 Intégrer chacun dans la démarche d'accessibilité et 
limiter au maximum les erreurs 



Gain: 

Prévention des erreurs, 
meilleure acceptation des 
contraintes, apprentissage 
collectif de la qualité 
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La méthodologie AccessibilitéWeb 


Une méthode de plus en plus éprouvée 

• Intégrer l'accessibilité à toutes les étapes 

• Rencontres en amont de la production 

• Banque d'heures en accompagnement 

• Rondes itératives d'évaluation 

• Des maquettes au HTML final 

• Rapports de recommandations 

• Assurer un transfert de connaissances 
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Ateliers 

GTN-Quebec 


Gnon» de Ir-avail quebecnrs. sur !«■ nomes cl Standards Tl 
pou - rapprcnltasapc, IcduLùlcn d la tanna Han 
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Une question s'impose : qui fait quoi? 


Ce guide suggère quelques éléments de réflexion, accompagnés d’un 
modèle générique dans lequel chacune des interventions requises pour 
chaque exigence décrite dans ces standards est ventilée selon les 
fonctions et les tâches généralement présentes dans une chaîne de 
production Web. 


Ressource 

Guide de partage des responsabilités et des tâches relatives à l'accessibilité 
http://www.nnsg.gouv.qc.ca/documents/standards/guide_Dartage_resDonsabilites.Ddf 

(PDF, 325Ko) 

Ressource 

Grilles de répartition des responsabilités et des tâches 

http://www.msg.gouv.qc.ca/documents/ standards/grilles_responsabi Mtes.pdf (PDF, 

2.17 Mo) 


Ateliers 


GTN-Québec 

Gioupo de tnnnï qudbwcr- soi in- ncfrn« rl stardardr. Ti 
pour rappranlraanij, raducariiai d la fcsrmulHn 



Goymnamenl 

t n ûetti 
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L’approche AccessibilitéWeb 


Ateliers 


GTN-Québec 

Gioupo de Immil quebecon- ain In- narnea El sfcjrcbrda Ti 
pouf rapprcnlraanij, raducariiai cA la tarmulHn 


Répartition par fonctions 

Présente une vision ne correspondant pas forcément à toutes les 
organisations. Il convient de l’adapter pour répondre à la réalité de 
chaque chaîne de production. 


Référence 

Répartition par fonctions du Web (WCAG 2.0) 
http://accessibiliteweb.coin/fr/acce5sibilite/repartitions/wcag-2-Q.html 


Fonctions 

Exigences 

Gestion de projets 

Spi 

Analyse 

9 

Architecture 

9 

Ergonomie 

36 

Graphisme 

32 

Prototypage 

25 

Rédaction 

21 

Développement 

59 

Contrôle qualité 

61 
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Coûts et impacts de l'implantation 


En faire plus avec les mêmes budgets? 

• Démarche de mesure des impacts 

• Qui assumera les coûts de mise à niveau de l'expertise? 

• Entre les mains de fournisseurs compétents, 2 à 5 % 

• Programme d'accréditation des compétences 


Ressource : 

Developlng a Web Accessibility Business Case for Your Organizatlon 
http://www.w3.org/WAI/bcase/ 


Ressource : 

Programme de certification des compétences en accessibilité du Web (PCCAW) 
http://certif.accessibi1iteweb.com/ 


Ateliers 


GTN-Québec 

Gioupo de Iramîl qudbwcr- soi In- ncirn« ci sfcjrdar dr. Ti 
pour rappraiilraanü, raducariiai cA la tarmulHn 



SGQRI 008 - Les standards d’accessibilité du Web au service de l’enseignement 87/91 

Denis Boudreau, Access! blIltéWeb / GTN-Québec I Sans frais : 1 (877) 315-5550 


87 of 91 




Ateliers 

GTN-Québec 

Vers une démocratisation de l’enseignement ? 


Peut-on vraiment prétendre en 2011 que la formation en ligne 

• on peut en profiter “ où on veut quand on veut * ? 

• permet “ d’étudier à son rythme, où et quand on le veut * ? 

Donc... 

Vos organisations contribuent-elles ou nuisent-elles à l'émancipation des personnes handicapées et des autres groupes 
marginalisés par les technologies de l’information et des communications? 
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Conclusion 


Ateliers 

GTN-Québec 


Gioupo de Iramil quebecGPa arn le* rem!?* cl sfcjrdar da Ti 
pou i u 1 1 1 : i ■! i 9 1 1 a-- 3 ij il u . raducariiai ri la tarmulHn 



Questions ou commentaires? 
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Merci de votre attention! 


Ateliers 

GTN-Quebec 


GroLpe dt lrrr»3ii quebecnn. sur iw nomes cl rfandards Tl 
pou - rappicnltasagc, IcduLalcn d la tanna lion 



Denis Boudreau, 

Vice -président communications 

GTN -Québec 

1751 rue Richardson, bureau 6111 
Montréal (Québec), Canada H3K 1G6 
Téléphone : 1 (514) 730-9168 


Courriel : info@denisboudreau.org 
Web : www.gtn-quebec.org 
Twitter : @gtnqc / @dboudreau 


Fermai i en 

http://www.accessibiliteweb.CDm/presentations/2011/etnqLfebec/introductioni/ 
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Captation vidéo - 20 mai 2011, Montréal 


Ateliers 


GTN-Québec 

Gioupo de Irnmîl quebeccps- biji In- nofrnea El sfcjrcbrda Ti 
pouf rapprcnlraanij, raducariiai d la tarmulHn 


Consultez les fichiers en haute qualité (HQ, 854x480 pixels), encodées en H. 26 4 à 2,5 Mb/s. 

• Partie 1 (H.264 / MP4 HQ, 908 Mo) 

• Partie 2 (H.264 / MP4 HQ, 941 Mo) 

Récupérez-les en cliquant avec le bouton de droite de la souris, puis "Enregistrez la cible du lien" sur 
votre ordinateur. 


Outil de visionnement recommandé 

Videolan VLC pour Windows, MacOS ou Linux 


Crédits de captation 

Christian Aubry . Web - Video = Communication <s> Montreal, Qc 
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